<script setup>
import { useStore } from "vuex";
import manage from "@/components/manage.vue";
import content from "@/components/content.vue";
import kinetochoreFilament from "@/components/kinetochoreFilament.vue";
import { onMounted } from "vue";
const store = useStore();
onMounted(() => {
  console.log("数据持久化-读取");
  const listJson = localStorage.getItem("list") || "[]";
  const list = JSON.parse(listJson);
  const resultListJson = localStorage.getItem("resultList") || "[]";
  const resultList = JSON.parse(resultListJson);
  store.commit("setState", { list: list, resultList: resultList });
});
</script>

<template>
  <kinetochoreFilament></kinetochoreFilament>
  <content></content>
  <manage></manage>
</template>

<style>
body {
  background-color: #000;
  color: #fff;
  /* font-family: cursive; */
  cursor: default;
  user-select: none;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
}
</style>
